﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="text.aspx.cs" Inherits="text" %>

<!DOCTYPE html>

<html>
<head runat="server">
<meta charset="utf-8"/>
    
    <link href="img/uboxiconR-02.ico" rel="SHORTCUT ICON">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>UBOX</title>
    <link href="Content/responsive-nav.css" rel="stylesheet" />
    <link href="Content/bootstrap.min.css" rel="stylesheet" />
    <link href="Content/bootstrap-theme.min.css" rel="stylesheet" />
   
    <script src="Scripts/responsive-nav.min.js"></script>

    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
        background-color: #CCC;
      }
       
      .sidebar-nav {
        padding: 9px 0;
      }

      @media (max-width: 980px) {
        /* Enable use of floated navbar text */
        .navbar-text.pull-right {
          float: none;
          padding-left: 5px;
          padding-right: 5px;
        }
      }
        header {
            width:auto;
            height:auto;
        }

        /*.logo-nav {position:static; display: inline;  vertical-align: middle;   width: 80%;  }
            .logo-nav img { width: 80%;   max-width: 80%;   }*/

        .div1 {
            width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
	box-shadow: 0.6em 0px 15px rgba(0,0,0,0.1), -0.6em 0px 15px rgba(0,0,0,0.1);
        }
     
    </style>
    <script src="sd/jquery.js"></script>
    <script src="sd/jquery.MyFloatingBg.js"></script>


    <script >
        //$(document).ready(function () {
            //weather
            $("#demoDiv1").MyFloatingBg({ direction: -1 });

        //});
    </script>
    
</head>
<body >

    <div class="container div1">

    <header class="navbar navbar-inverse navbar-fixed-top docs-nav" role="banner">
        
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle"  data-toggle="collapse" data-target=".bs-navbar-collapse">
                    <span class="sr-only ">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#" ><img src="img/uboxiconR-02.png" class="img-responsive logo-nav" alt="UBOX" /></a>
            </div>

            

            <nav class="collapse navbar-collapse bs-navbar-collapse " role="navigation">
                <ul class="nav navbar-nav">
                   
                    <li>
                       <a href="#"><span class="glyphicon glyphicon-tower">&nbsp員工管理</span></a>
                    </li>

                    <li>
                        <a href="#"><span class="glyphicon glyphicon-bullhorn">&nbsp公告管理</span></a>
                    </li>
                    <li>
                        <a href="#"><span class="glyphicon glyphicon-barcode">&nbsp商品管理</span></a>
                    </li>
                    <li>
                        <a href="#"><span class="glyphicon glyphicon-briefcase">&nbsp開箱文管理</span></a>
                    </li>
                    <li>
                        <a href="#"><span class="glyphicon glyphicon-user">&nbsp會員管理</span></a>
                    </li>
                    <li>
                        <a href="#"><span class="glyphicon glyphicon-comment">&nbsp留言管理</span></a>
                    </li>
                    <li>
                        <a href="#"><span class="glyphicon glyphicon-signal">&nbsp分析管理</span></a>
                    </li>

                </ul>
                <ul class="nav navbar-nav navbar-right">

                    <li>
                         <a href="#"><span class="glyphicon glyphicon-star">&nbsp關於</span></a>

                    </li>
                </ul>
            </nav>
        </div>
    </header>

<div class="row-fluid">
        <div id="demoDiv1" bg="img/fw2.jpg" class="m" >
    <div id="left">
        <div id="logo">
            <div id="meun">
            </div>
        </div>
    </div>
    <div id="right">
        <div id="banner">
            <div id="content">

            </div>
        </div>
    </div>
    <footer id="footer">
    
      <div id="bottom-footer" class="container">              
        <div class="pull-left">
          <p><strong><a href="#">UBOX</a></strong> Copyright &copy; 2014. All themes &copy; their respective owners |</p>
        </div>
        <div class="pull-right">
          <p>Contact us at <strong><a href="mailto:contact@themeclue.com">contact@themeclue.com</a></strong></p>
        </div>
      </div><!-- bottom-footer -->              
    </footer>   
        </div>

  
    	<div class="modal-content">
      		<div class="modal-header login_modal_header">
        		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        		<h2 class="modal-title" id="myModalLabel">Login to Your Account</h2>
      		</div>
      		<div class="modal-body login-modal">
      			<p>Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required</p>
      			<br/>
      			<div class="clearfix"></div>
      			<div id='social-icons-conatainer'>
	        		<div class='modal-body-left'>
	        			<div class="form-group">
		              		<input type="text" id="username" placeholder="Enter your name" value="" class="form-control login-field">
		              		<i class="fa fa-user login-field-icon"></i>
		            	</div>
		
		            	<div class="form-group">
		            	  	<input type="password" id="login-pass" placeholder="Password" value="" class="form-control login-field">
		              		<i class="fa fa-lock login-field-icon"></i>
		            	</div>
		
		            	<a href="#" class="btn btn-success modal-login-btn">Login</a>
		            	<a href="#" class="login-link text-center">Lost your password?</a>
	        		</div>
	        	
	        		<div class='modal-body-right'>
	        			<div class="modal-social-icons">
	        				<a href='#' class="btn btn-default facebook"> <i class="fa fa-facebook modal-icons"></i> Sign In with Facebook </a>
	        				<a href='#' class="btn btn-default twitter"> <i class="fa fa-twitter modal-icons"></i> Sign In with Twitter </a>
	        				<a href='#' class="btn btn-default google"> <i class="fa fa-google-plus modal-icons"></i> Sign In with Google </a>
	        				<a href='#' class="btn btn-default linkedin"> <i class="fa fa-linkedin modal-icons"></i> Sign In with Linkedin </a>
	        			</div> 
	        		</div>	
	        		<div id='center-line'> OR </div>
	        	</div>																												
        		<div class="clearfix"></div>
        		
        		<div class="form-group modal-register-btn">
        			<button class="btn btn-default"> New User Please Register</button>
        		</div>
      		</div>
      		<div class="clearfix"></div>
      		<div class="modal-footer login_modal_footer">
      		</div>
    	</div>



    <div class="container">
        <img src="img/1404265410-4203653163.jpg"class="img-responsive" alt="Responsive image" />
    </div>

    <div class="container-fluid">
        <img src="img/employeemenu-08.png" />
        <img src="img/employeemenu-02.png" />
        <img src="img/employeemenu-03.png" />
        <img src="img/employeemenu-04.png" />
        <img src="img/employeemenu-05.png" />
        <img src="img/employeemenu-06.png" />
        <img src="img/employeemenu-07.png" />
    </div>
    </div>
    </div>
     
    <%--<script>
        //var navigation = responsiveNav("#nav",{
        var navigation = responsiveNav(".nav-collapse", {
            // Function: Init callback
            init: function () {
                console.log("Responsive Nav Inited!");
            },
            // Function: Open callback
            open: function () {
                console.log("Opening…");
            },
            // Function: Close callback
            close: function () {
                console.log("Closing…");
            },
            transition: 5000, // Integer: 過渡效果的執行速度，以毫秒（millisecond）為單位
            animate: true, // Boolean: 是否啟動CSS過渡效果（transitions）， true 或 false
            //label: "Menu", // String: Label for the navigation toggle標籤的導航鍵
            insert: "after", // String: Insert the toggle before or after the navigation之前或之後，在導航插入肘
            customToggle: "", // Selector: Specify the ID of a custom toggle指定自定義切換的ID
            openPos: "relative", // String: Position of the opened nav, relative or static打開導航，親屬或靜態的位置
            jsClass: "js", // String: 'JS enabled' class which is added to <html> el
            debug: false, // Boolean: Log debug messages to console, true 或 false

            // 銷毀插件
            //navigation.destroy();

        // Toggle
        //navigation.toggle();
            });
    </script>--%>
   
         <script src="Scripts/jquery-2.1.1.min.js"></script>
    <script src="Scripts/bootstrap.min.js"></script>

    <!-- Placed at the end of the document so the pages load faster -->
    <script src="../assets/js/jquery.js"></script>
    <script src="../assets/js/bootstrap-transition.js"></script>
    <script src="../assets/js/bootstrap-alert.js"></script>
    <script src="../assets/js/bootstrap-modal.js"></script>
    <script src="../assets/js/bootstrap-dropdown.js"></script>
    <script src="../assets/js/bootstrap-scrollspy.js"></script>
    <script src="../assets/js/bootstrap-tab.js"></script>
    <script src="../assets/js/bootstrap-tooltip.js"></script>
    <script src="../assets/js/bootstrap-popover.js"></script>
    <script src="../assets/js/bootstrap-button.js"></script>
    <script src="../assets/js/bootstrap-collapse.js"></script>
    <script src="../assets/js/bootstrap-carousel.js"></script>
    <script src="../assets/js/bootstrap-typeahead.js"></script>
</body>
</html>
